import Vue from 'vue'
import App from './App'
// 这个文件是router下的index.js
import router from './router/index.js'
// 引入axios,这里的axios不是原始的，而是自己配置过的！！！
import Axios from './axios.js'
// 引入store，这个是自己配置好的仓库，不再是原始的
import store from './store/index'
// 引入element ui的所有的组件,代码简单但缺点是项目体积较大
import ElementUI from 'element-ui';
// 引入element ui的样式
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)

Vue.config.productionTip = false

// 通过原型链替换vue本来的http模块
Vue.prototype.$http = Axios
router.beforeEach((to, from, next) => {
  // 通过全局的前置守卫，修改页面的标题
  document.title = to.meta.title
  // to:下一个路由对象，下一个route
  // from:这一个路由对象，这一个route
  // 一定要保证执行了next！！！
  next()
})
/* eslint-disable no-new */
new Vue({
  el: '#app',
  // 加到实例中
  router,
  // 加到实例中
  store,
  components: { App },
  template: '<App/>'
})
